<div class="test-container">
    <div class="test-header">
        <label>
            <input type="radio" name="filter" id="everyone" onchange="externalFilterChanged('everyone')" />
            Everyone
        </label>
        <label>
            <input type="radio" name="filter" id="below25" onchange="externalFilterChanged('below25')" />
            Below 25
        </label>
        <label>
            <input type="radio" name="filter" id="between25and50" onchange="externalFilterChanged('between25and50')" />
            Between 25 and 50
        </label>
        <label>
            <input type="radio" name="filter" id="above50" onchange="externalFilterChanged('above50')" />
            Above 50
        </label>
        <label>
            <input type="radio" name="filter" id="dateAfter2008" onchange="externalFilterChanged('dateAfter2008')" />
            After 01/01/2008
        </label>
    </div>
    <div id="myGrid" class="ag-theme-quartz" style="height: 100%;"></div>
</div>
